Skip to content

feat: mobile app: add transaction receipt export and PNG share generator (#694) - #876

Merged
ONEONUORA merged 1 commit into
Fracverse:masterfrom
Divine-designs:feat/694-receipt-export-png
Aug 30, 2026
Merged

feat: mobile app: add transaction receipt export and PNG share generator (#694)#876
ONEONUORA merged 1 commit into
Fracverse:masterfrom
Divine-designs:feat/694-receipt-export-png

Conversation

@Divine-designs

Copy link
Copy Markdown
Contributor

Closes #694

Summary

Adds a "share/export receipt" action to the batch payout detail screen (mobileapp/app/transaction/batch/[id].tsx).

  • Installed react-native-view-shot (SDK 54-compatible, v4.0.3).
  • Added a hidden (off-screen, collapsable={false}) receipt container that renders the transaction summary: ZAPS branding, batch ID, issued date, total payout, recipient count, completed/failed counts, and success rate.
  • Tapping the new header share button captures that container as a PNG via captureRef() and hands it to the native share sheet via Share.share() — letting users export/save/print the receipt.
  • Loading state on the button while capture/share is in-flight; errors surface through the existing toast system.

Acceptance Criteria

  • Render transaction summary into a hidden View container
  • Capture snapshot via react-native-view-shot (captureRef)
  • Share PNG via Share.share() for completed batch payouts
  • Works for P2P-style receipts once real data is wired (same helper pattern)

Tests

  • Added __tests__/BatchReceiptExport.test.tsx (3 cases): header button renders; capture + share sheet invoked with PNG options and batch ID; spinner shown while exporting.

Dependencies: react-native-view-shot@4.0.3 added to mobileapp/package.json.

@drips-wave

drips-wave Bot commented Aug 30, 2026

Copy link
Copy Markdown

@Divine-designs Great news! 🎉 Based on an automated assessment of this PR, the linked Wave issue(s) no longer count against your application limits.

You can now already apply to more issues while waiting for a review of this PR. Keep up the great work! 🚀

Learn more about application limits

@ONEONUORA ONEONUORA left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Great job @Divine-designs

@ONEONUORA
ONEONUORA merged commit 2f450f4 into Fracverse:master Aug 30, 2026
9 of 10 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

mobile app: Add transaction receipt export and PNG share generator

2 participants